<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>磁盘调度算法模拟</title>
	<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="lib/css/main.css">
</head>
<body>
	<main class="container">
		<h2 class="title" style="color: #29bfa9b8">磁盘调度算法模拟</h2>
		<!--下面是产生随机磁道序列列表-->
		<div class="menu">
			<p style="display: inline-block;">请输入磁道数量(n>0)：</p><input type="text" name="inNumber" id="inNumber" />
			<p style="display: inline-block;">设置磁头位置(n>=0)：</p><input type="text" name="inHead" id="inHead" />
			<button class="btn" id="btnCreateArray">产生序列</button>
			<button class="btn" id="btnReload">重新模拟</button>
			<button class="btn" id="btnDisplay">显示/隐藏磁道序列</button>
			<div class="menu" id="tabArray">
				<p>随机数列如下：</p>
				<div id="displayIndexsPane">
					
				</div>
			</div>
		</div>
		<!--下面是选择算法-->
		<div class="menu" id="divAlgorithm">
			<h3>请选择调度算法</h3>
			<button class="btn btnAlg" id="btnFCFS">FCFS</button>
			<button class="btn btnAlg" id="btnSSTF">SSTF</button>
			<button class="btn btnAlg" id="btnSCAN">SCAN</button>
			<button class="btn btnAlg" id="btnC-SCAN">C-SCAN</button>
			<button class="btn btnAlg" id="btnAll">全选比较</button>
		</div>
		<!--下面是图示 echarts-->
		<div id="line" style="width: 100%; height: 600px;"></div>
		<!--下面是结果表格-->
		<div class="menu col-sm-3 tabResult" id="showFCFS"><p>showFCFS</p></div>
		<div class="menu col-sm-3 tabResult" id="showSSTF"><p>showSSTF</p></div>
		<div class="menu col-sm-3 tabResult" id="showSCAN"><p>showSCAN</p></div>
		<div class="menu col-sm-3 tabResult" id="showC-SCAN"><p>showC-SCAN</p></div>
	</main>

	<script type="text/javascript" src="lib/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="lib/echarts.common.min.js"></script>
	<script type="text/javascript" src="lib/javascript/createIndexs.js"></script>
	<script type="text/javascript" src="lib/javascript/FCFS.js"></script>
	<script type="text/javascript" src="lib/javascript/SSTF.js"></script>
	<script type="text/javascript" src="lib/javascript/SCAN.js"></script>
	<script type="text/javascript" src="lib/javascript/C-SCAN.js"></script>
	<script type="text/javascript" src="lib/javascript/lineEcharts.js"></script>
	<script type="text/javascript" src="lib/javascript/displayResult.js"></script>
	<script type="text/javascript" src="lib/javascript/controller.js"></script>
</body>
</html>